<template>
	<!--此组件用于三主页的头部搜索栏-->
	<view class="Header">
		<view class="input_contain">
			<view class="t-icon t-icon-sousuobeifen2"></view>
			<view class="search">
				<input type="text" focus placeholder="请输入搜索内容" placeholder-class="input_class"/>
			</view>
		</view>
		<view class="logo_pic">
			<image src="/static/logo.png" mode=""></image>
		</view>
	</view>
</template>

<script>

</script>

<style lang="scss">
	.Header{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		text-align: center;
		width: 100%;
		background-color: #649C7C;
		height: 45px;
		border: #649C7C 1px solid;
		margin-top: 0px;
	}
	.input_contain{
		display: flex;
		flex-direction: row;
		text-align: left;
		justify-content: left;
		color: #b5b5b5;
		background-color: white;
		margin-left: 10px;
		margin-top: 7px;
		height: 30px;
		width: 100%;
	}
	.t-icon-sousuobeifen2{
		width: 27px;
		height: 27px;
		color: #649C7C;
	}
	.logo_pic image{
		width: 30px;
		height: 30px;
		margin-top: 7px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.search{
		display: flex;
	}
	.input_class{
		font-size: 14px;
		transform: translateY(2px);
	}
</style>